@import "./skeleton/index.skeleton.wxss";
page{
    height: 100%;
}
.Homecontainer {
    height: 100%;
    .scallerBox {
        height: 100%;
        width: 100vw;

        ::-webkit-scrollbar {
            width: 0;
            height: 0;
            color: transparent;
        }
    }

}

.hometop {
    display: flex;
    flex-direction: row;
    display: flex;
    height: 120rpx;
    padding: 10rpx;
    box-sizing: border-box;
    flex-direction: column;

    .uppart {
        height: 80rpx;
    }
    .bottomPart {
        height: 130rpx;
        display: flex;
        align-items: center;
        z-index: -1;
        .imgbox {
            width: 200rpx;
            image {
                height: 100rpx;
                width: 200rpx;
            }
        }
        .searchInput {
            position: relative;
            height: 60rpx;
            width: 100%;
            display: flex;
            border: 1px solid rgba($color: #000000, $alpha: 0.1);
            align-items: center;
            border-radius: 10rpx;
            justify-content: center;

            icon {
                position: absolute;
                z-index: 1;
                right: 20rpx;
                top: 10rpx;
                color: rgba($color: #000000, $alpha: 0.1);
            }

        }
    }

}
.scallerBox{
    .swiperBox {
        height: 500rpx;
        background: rgba($color: gray, $alpha: 0.1);
        .swiperItem {
            width: 100%;
            image {
                width: 100%;
                height: 100%;
            }
        }

    }
    .saleProductContainer{
        padding:10rpx;
        display: flex;
        width: 100vw;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        .title{
            background-color: rgba($color: #ff0000, $alpha: 1.0);
            border-radius: 50rpx;
            font-size: 35rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            margin-top: 10rpx;
            font-weight: 400;
            margin-bottom: 20rpx;
        }
    
    }

}
